<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>

	<body>
		<form class="logbox">
			<img src="../img/bg_login.jpg" class="logo" />
			<ul>
				<li class="row">
					<img src="../img/Profile.png" class="profile"/>
					<input type="text" placeholder="请输入您的账号"/>
				</li>
				<li class="row pswbox">
					<img class="lock" src="../img/Lock.png"/>
					<input type="password" id="password" placeholder="请输入您的密码" onblur="passwordBlur()"/>
					<input type="text" style="display: none;" placeholder="请输入您的密码" id="text" onblur="textBlur()"/>
					<img class="look" src="../img/View.png" onclick="xyPassword()"/>
				</li>
			</ul>
			<div class="helpbox row">
				<a href="rule.html" class="row rule">
					<img src="../img/help.png"/>
					<span>客户确认规则</span>
				</a>
				<div class="row">
					<a href="applyAccount.html">申请账号</a>
					<a href="findPsw.html">忘记密码</a>
				</div>
			</div>
			<a href="" class="row logBtn">登录</a>
		</form>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/wap.js"></script>
		<script type="text/javascript">
			function xyPassword() {
				$("#text").toggle();
				$("#password").toggle();
			}
			function textBlur() {
				$("#password").val($("#text").val());
			}
			function passwordBlur() {
				$("#text").val($("#password").val());
			}
		</script>
	</body>

</html>